<template>
  <svg
    width="280"
    height="180"
    viewBox="0 0 280 180"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="280" height="180" fill="var(--el-fill-color-light)" />
    <g filter="url(#filter0_ii_12403_168912)">
      <rect
        x="121"
        y="61"
        width="36"
        height="58"
        fill="var(--el-color-primary-light-8)"
      />
    </g>
    <g filter="url(#filter1_d_12403_168912)">
      <rect
        x="121"
        y="121"
        width="20"
        height="62"
        rx="2"
        transform="rotate(-180 121 121)"
        fill="var(--el-fill-color-blank)"
      />
      <rect
        x="121.3"
        y="121.3"
        width="20.6"
        height="62.6"
        rx="2.3"
        transform="rotate(-180 121.3 121.3)"
        stroke="var(--el-border-color-dark)"
        stroke-width="0.6"
      />
    </g>
    <g filter="url(#filter2_d_12403_168912)">
      <rect
        x="177"
        y="121"
        width="20"
        height="62"
        rx="2"
        transform="rotate(-180 177 121)"
        fill="var(--el-fill-color-blank)"
      />
      <rect
        x="177.3"
        y="121.3"
        width="20.6"
        height="62.6"
        rx="2.3"
        transform="rotate(-180 177.3 121.3)"
        stroke="var(--el-border-color-dark)"
        stroke-width="0.6"
      />
    </g>
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M156.859 89.8593C156.937 89.9374 156.937 90.0641 156.859 90.1422L153.341 93.6593C153.215 93.7853 153 93.6961 153 93.5179L153 86.4836C153 86.3054 153.215 86.2162 153.341 86.3422L156.859 89.8593ZM125 88.9999L153 88.9999L153 90.9999L125 90.9999L125 93.518C125 93.6962 124.785 93.7854 124.659 93.6594L121.141 90.1423C121.063 90.0642 121.063 89.9375 121.141 89.8594L124.659 86.3423C124.785 86.2163 125 86.3055 125 86.4837L125 88.9999Z"
      fill="var(--el-color-primary)"
    />
    <defs>
      <filter
        id="filter0_ii_12403_168912"
        x="119"
        y="61"
        width="40"
        height="58"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx="-2" />
        <feGaussianBlur stdDeviation="1" />
        <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.25098 0 0 0 0 0.619608 0 0 0 0 1 0 0 0 0.1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_12403_168912"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx="2" />
        <feGaussianBlur stdDeviation="1" />
        <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.25098 0 0 0 0 0.619608 0 0 0 0 1 0 0 0 0.1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_12403_168912"
          result="effect2_innerShadow_12403_168912"
        />
      </filter>
      <filter
        id="filter1_d_12403_168912"
        x="92.4"
        y="50.4004"
        width="37.2"
        height="79.1992"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_12403_168912"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_12403_168912"
          result="shape"
        />
      </filter>
      <filter
        id="filter2_d_12403_168912"
        x="148.4"
        y="50.4004"
        width="37.2"
        height="79.1992"
        filterUnits="userSpaceOnUse"
        color-interpolation-filters="sRGB"
      >
        <feFlood flood-opacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset />
        <feGaussianBlur stdDeviation="4" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"
        />
        <feBlend
          mode="normal"
          in2="BackgroundImageFix"
          result="effect1_dropShadow_12403_168912"
        />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_12403_168912"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
</template>
